<template lang="">
  <div>
      <ul>
          <li v-for="i in data">
            {{i.name}}
            <router-link :to="{path:'/game',query:{'id':i.id}}">更多》</router-link>
            <ul><li v-for="j in data1">{{j.title}}</li></ul>
          </li>
          <li><van-pagination v-model='page' :total-items="total" :items-per-page="page_size" @change='change'/></li>
      </ul>
  </div>
</template>

<script>
export default {
    data(){
        return{
            data:[],
            data1:[]
        }
    },
    methods:{
        add(){
            this.axios.get('domesticM').then(res=>{
                this.data = res.data.list
            })
        },
        adds(){
            this.axios.get('gameM').then(res=>{
                this.data1 = res.data.list
            })
        },
        change(p){
            this.page = p
            this.adds( )
        }
    },
    mounted(){
        this.add()
        this.adds()
    }
}
</script>

<style>

</style>